import React from 'react';
import Counter from '../counter';
import TodoList from '../todo-list';
import Vif from '../v-if';
import Vshow from '../v-show';
import Vfor from '../v-for';
import Computed from '../computed';
import Watch from '../watch';
import LifeCycle from '../life-cycle';
import Ref from '../ref';

const Components = {
  Counter,
  TodoList,
};

export default class Komponent extends React.Component {

  // 渲染
  render () {

    const ComponentName = 'TodoList';

    const ZuJian = Components[ComponentName];

    // jsx语法
    return (
      <div>
        <ZuJian />
      </div>
    );
  }

}
